import React from "react";
import { Layout, Menu } from "antd";
import { Route, Link } from "react-router-dom";
import MovieList from './movie/MovieList'
const { Content, Sider } = Layout;
class Movie extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
        <Layout className="site-layout-background" style={{ padding: " 0" }}>
          <Sider className="site-layout-background" width={200}>
            <Menu
              mode="inline"
              defaultSelectedKeys={["1"]}
              defaultOpenKeys={["sub1"]}
              style={{ height: "100%" }}
            >
              <Menu.Item key="1"><Link to='/movie/current/1'>正在热映</Link></Menu.Item>
              <Menu.Item key="2"><Link to='/movie/will/1'>即将上映</Link></Menu.Item>
              <Menu.Item key="3"><Link to='/movie/hot/1'>Top250</Link></Menu.Item>
            </Menu>
          </Sider>
          <Content style={{ padding: "14px", }}>
             <Route path='/movie/:type/:page' component={MovieList}></Route>
          </Content>
        </Layout>
    );
  }
}

export default Movie;
